<template>  
  <view class="login-container"> 
	<view class="status_bar">
	<!-- 这里是状态栏 -->
	</view>
    <view class="logo">  
      <image src="@/static/logo.png" mode="aspectFit"></image>  
    </view>  
    <view class="form-container">  
      <!-- #ifdef APP || H5 -->
      <input type="text" class="input" placeholder="请输入用户名" v-model="user.username" v-focus />  
      <!-- #endif -->
	  
	  <!-- #ifdef MP-WEIXIN -->
	  <input type="text" class="input" placeholder="请输入用户名" v-model="user.username" />  
	  <!-- #endif -->
      <input type="password" class="input" placeholder="请输入密码" v-model="user.password" />  
      <button @click="handleSubmit">{{ $t('home.login_text') }}</button>  
	  <Slider></Slider>
	  <button @click="SwitchThemes" style="font-family: 'DINAlternate', sans-serif;">切换主题</button>
    </view>  
  </view>  
</template>  
  
<script lang="ts" setup>  
import login from '../../hooks/Login/index'
  
const {user,handleSubmit,SwitchThemes}=login();
</script>  
  
<!-- #ifdef MP-WEIXIN -->
<style  lang="scss">  
@import "@/static/css/login.scss";
</style>
<!-- #endif -->
<!-- #ifdef APP || H5 -->
<style scoped lang="scss">  
@import "@/static/css/login.scss";
</style>
<!-- #endif -->